<!DOCTYPE html>
<!--[if IE 8]> <html lang="en" class="ie8"> <![endif]-->  
<!--[if IE 9]> <html lang="en" class="ie9"> <![endif]-->  
<!--[if !IE]><!--> <html lang="en"> <!--<![endif]-->  
<head>
    <title>Responsive Resume/CV Template for Developers</title>
    <!-- Meta -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Responsive HTML5 Resume/CV Template for Developers">
    <meta name="author" content="Xiaoying Riley at 3rd Wave Media">    
    <link rel="shortcut icon" href="favicon.ico">  
    <link href='https://fonts.googleapis.com/css?family=Roboto:400,500,400italic,300italic,300,500italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
    <!-- Global CSS -->
    <link rel="stylesheet" href="assets/plugins/bootstrap/css/bootstrap.min.css">   
    <!-- Plugins CSS -->
    <link rel="stylesheet" href="assets/plugins/font-awesome/css/font-awesome.css">
    
    <!-- Theme CSS -->  
    <link id="theme-style" rel="stylesheet" href="assets/css/styles.css">
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
    <style>
    	.profile {
				border-radius: 50%;
			}
    </style>
</head> 

<body>
    <div class="wrapper">
        <div class="sidebar-wrapper">
            <div class="profile-container">
                <img class="profile" src="assets/images/profile.jpg" alt="" />
                <h1 class="name">李文婷</h1>
                <h3 class="tagline">前端开发工程师</h3>
            </div><!--//profile-container-->
            
            <div class="contact-container container-block">
                <ul class="list-unstyled contact-list">
                    <li class="email">
                    	<i class="fa fa-envelope"></i>
                    	<a href="mailto: yourname@email.com">1523388410@qq.com</a>
                    </li>
                    <li class="phone">
                    	<i class="fa fa-phone"></i>
                    	<a href="tel:0123 456 789">13535106464</a>
                    </li>
                    <li class="github">
                    	<i class="fa fa-github"></i>
                    	<a href="#" target="_blank">github.com/Artila</a>
                    </li>
                </ul>
            </div><!--//contact-container-->
            <div class="education-container container-block">
                <h2 class="container-block-title">教育经历</h2>
                <div class="item">
                    <h4 class="degree">计算机科学与技术
                    <h5 class="meta">广东外语外贸大学</h5>
                    <div class="time">2012 - 2016</div>
                </div><!--//item-->
            </div><!--//education-container-->
            
            <div class="languages-container container-block">
                <h2 class="container-block-title">语言</h2>
                <ul class="list-unstyled interests-list">
                	  <li>普通话</li>
                    <li>英语 <span class="lang-desc">(四级)</span></li>
                </ul>
            </div><!--//interests-->
            
            <!--<div class="interests-container container-block">
                <h2 class="container-block-title">兴趣</h2>
                <ul class="list-unstyled interests-list">
                    <li>Climbing</li>
                    <li>Snowboarding</li>
                    <li>Cooking</li>
                </ul>
            </div><!--//interests-->
            
        </div><!--//sidebar-wrapper-->
        
        <div class="main-wrapper">
            
            <!--<section class="section summary-section">
                <h2 class="section-title"><i class="fa fa-user"></i>个人简介</h2>
                <div class="summary">
                    <p>Summarise your career here lorem ipsum dolor sit amet, consectetuer adipiscing elit. You can <a href="http://themes.3rdwavemedia.com/website-templates/orbit-free-resume-cv-template-for-developers/" target="_blank">download this free resume/CV template here</a>. Aenean commodo ligula eget dolor aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu.</p>
                </div><!--//summary-->
            </section><!--//section-->
            
            <section class="section experiences-section">
                <h2 class="section-title"><i class="fa fa-briefcase"></i>工作经验</h2>
                
                <div class="item">
                    <div class="meta">
                        <div class="upper-row">
                            <h3 class="job-title">前端开发</h3>
                            <div class="time">2016.8 - 2016.10</div>
                        </div><!--//upper-row-->
                        <div class="company">广州菠萝合租公司</div>
                    </div><!--//meta-->
                    <div class="details">
                  		<h5>菠萝合租——租房运营网站</h5>
                      <p>
                      	<strong>项目描述：</strong>
                      	构建可以让房东自由出售手中的租房资源，让租客自由选择合适的房子
                      </p>  
                      <p>
                      	<strong>负责模块：</strong>
                      	主要负责PC端的个人详情模块，wap端的个人详情模块，登录模块
                      </p> 
                      <p>
                      	主要运用 HTML5+CSS3+jQuery 开发公司项目，除了日常负责模块，还要修复wap端出现的各种bug，并且根据公司的需求，开发新的产品页。在改进网站界面，提升用户体验做出了不少的贡献。
                      </p>
                    </div><!--//details-->
                </div><!--//item-->
                
                <div class="item">
                    <div class="meta">
                        <div class="upper-row">
                            <h3 class="job-title">网站开发部技术员</h3>
                            <div class="time">2014.9 - 2015.10</div>
                        </div><!--//upper-row-->
                        <div class="company">广州源酷信息科技有限公司</div>
                    </div><!--//meta-->
                    <div class="details">
                        <h5>源酷创意科技公司——手机网站</h5>
                      <p>
                      	<strong>项目描述：</strong>
                      	管理公司微信公众号的宣传和资讯收发
                      </p>  
                      <p>
                      	<strong>负责模块：</strong>
                      	主要负责前台资讯模块，后台评论模块，登陆模块
                      </p> 
                      <p>
                      	运用 Bootstrap+ jQuery+PHP 开发微信公众号的后台管理系统，成功上线1.0版本，并投入日常使用，获得使用人员的好评不断。
                      </p> 
                        
                    </div><!--//details-->
                </div><!--//item-->
                
            </section><!--//section-->
            
            <section class="section projects-section">
                <h2 class="section-title"><i class="fa fa-archive"></i>个人作品</h2>
                <!--<div class="intro">
                    <p>You can list your side projects or open source libraries in this section. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum et ligula in nunc bibendum fringilla a eu lectus.</p>
                </div><!--//intro-->
                <div class="item">
                    <span class="project-title">
                    	<a href="https://artila.github.io/Resume" target="_blank">个人简历</a></span> - <span class="project-tagline">这是我的个人简历网页，介绍了我的个人基本信息，擅长的技术，几个个人小作品和工作经历。构建页面用Bootstrap 和HTML5，修饰用CSS3，特效用WOW.js和jQuery。</span>
                    
                </div><!--//item-->
                <div class="item">
                    <span class="project-title">
                    	<a href="https://artila.github.io/JavaScript30" target="_blank">JavaScript30</a></span> - 
                    <span class="project-tagline">JavaScript30的要求是作品的功能都用纯 JavaScript 来完成，不借助框架和库，也不使用编译器和引用。在这个项目中，网页展示部分都涉及到HTML5，CSS3的一些新特性，为此针对这些特性我还做了一些衍生的网页，只是没有单独作为一个项目列出。  </span>
                </div><!--//item-->
                
            </section><!--//section-->
            
            <section class="skills-section section">
                <h2 class="section-title"><i class="fa fa-rocket"></i>技能</h2>
                <div class="skillset">        
                    <div class="item">
                        <h3 class="level-title">HTML5</h3>
                        <div class="level-bar">
                            <div class="level-bar-inner" data-level="90%">
                            </div>                                      
                        </div><!--//level-bar-->                                 
                    </div><!--//item-->
                    
                    <div class="item">
                        <h3 class="level-title">CSS3</h3>
                        <div class="level-bar">
                            <div class="level-bar-inner" data-level="90%">
                            </div>                                      
                        </div><!--//level-bar-->                                 
                    </div><!--//item-->
                    
                    <div class="item">
                        <h3 class="level-title">JavaScript</h3>
                        <div class="level-bar">
                            <div class="level-bar-inner" data-level="92%">
                            </div>                                      
                        </div><!--//level-bar-->                                 
                    </div><!--//item-->
                    
                    <div class="item">
                        <h3 class="level-title">jQuery</h3>
                        <div class="level-bar">
                            <div class="level-bar-inner" data-level="75%">
                            </div>                                      
                        </div><!--//level-bar-->                                 
                    </div><!--//item-->
                    
                    <div class="item">
                        <h3 class="level-title">Bootstrap</h3>
                        <div class="level-bar">
                            <div class="level-bar-inner" data-level="75%">
                            </div>                                      
                        </div><!--//level-bar-->                                 
                    </div><!--//item-->
 
                    <div class="item">
                        <h3 class="level-title">Vue.js</h3>
                        <div class="level-bar">
                            <div class="level-bar-inner" data-level="55%">
                            </div>                                      
                        </div><!--//level-bar-->                                 
                    </div><!--//item--> 
                    
                </div>  
            </section><!--//skills-section-->
            
        </div><!--//main-body-->
    </div>
 
 
    <!-- Javascript -->          
    <script type="text/javascript" src="assets/plugins/jquery-1.11.3.min.js"></script>
    <script type="text/javascript" src="assets/plugins/bootstrap/js/bootstrap.min.js"></script>    
    <!-- custom js -->
    <script type="text/javascript" src="assets/js/main.js"></script>            
</body>
</html> 

